﻿<phone:PhoneApplicationPage 
    x:Class="NASA.BeAMartian.Welcome"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False"
    xmlns:locCtl="clr-namespace:NASA.BeAMartian.Controls"
    locCtl:TiltEffect.IsTiltEnabled="True" Background="Black">
	<phone:PhoneApplicationPage.Resources>
		<Storyboard x:Name="sbFadeIn">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="lightBeams">
				<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.6"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.9" Value="0.5"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.4"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="lightBeams">
				<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</phone:PhoneApplicationPage.Resources>

    <!--LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="LayoutRoot" Margin="0,32,0,-32" Height="800">
    	<VisualStateManager.VisualStateGroups>
    		<VisualStateGroup x:Name="VisualStateGroup">
    			<VisualState x:Name="Normal"/>
    			<VisualState x:Name="Pressed">
    				<Storyboard>
    					<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="pRoverTagging" d:IsOptimized="True"/>
    				</Storyboard>
    			</VisualState>
    		</VisualStateGroup>
    	</VisualStateManager.VisualStateGroups>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->

        <!--TitlePanel contains the name of the application and page title-->
    <!--TitlePanel contains the name of the application and page title-->
    <!--TitlePanel contains the name of the application and page title-->
    <!--TitlePanel contains the name of the application and page title-->
    	<Image Source="Assets/Images/blk.png" Stretch="Fill" Margin="0,-31,0,0" Grid.RowSpan="2" HorizontalAlignment="Left" VerticalAlignment="Top" d:LayoutOverrides="GridBox"/>
    <!--TitlePanel contains the name of the application and page title-->
    	<Grid x:Name="grid" Margin="-309,-136,-325,-35" Grid.RowSpan="2" Opacity="0" Background="Black">
<!--TitlePanel contains the name of the application and page title-->
    		<Image Margin="0,120.748,0.272,41.316" Source="Assets/Images/Olympus_Mons_On_Mars_-_The_Largest_Volcano.jpg" Stretch="Fill" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto">
    			<Image.OpacityMask>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="Black" Offset="0.317"/>
    					<GradientStop Color="Transparent" Offset="1"/>
    				</LinearGradientBrush>
    			</Image.OpacityMask>
    			<Image.RenderTransform>
    				<CompositeTransform Rotation="-3.909"/>
    			</Image.RenderTransform>
    		</Image>
    <!--TitlePanel contains the name of the application and page title-->
    		<Canvas x:Name="cnvIntro_Copy" Margin="469,152,493,0" RenderTransformOrigin="0.5,0.5" Height="168" VerticalAlignment="Top" Opacity="0.5">
    			<Canvas.RenderTransform>
    				<CompositeTransform ScaleX="1.1" ScaleY="1.1"/>
    			</Canvas.RenderTransform>
    			<Path x:Name="pIntro1" Data="M76,8.5 L8,46 L7.5,122 L75.5,160 L143.5,122 L143,46" Height="152.5" Canvas.Left="7" Stretch="Fill" Stroke="White" Canvas.Top="8" UseLayoutRounding="False" Width="137" Fill="#FF002135" Visibility="Collapsed"/>
    		</Canvas>
    <!--TitlePanel contains the name of the application and page title-->
    		<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="333,66,325,905"/>
    		<Image Height="83" Margin="498,195,516,0" Source="Assets/Images/NASA_Meatball.png" Stretch="Fill" VerticalAlignment="Top"/>
    		<Path x:Name="btnCraterCounting_Copy7" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="548.864,286,397.636,0" Opacity="0.12" IsHitTestVisible="False" Height="184" VerticalAlignment="Top">
    			<Path.OpacityMask>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="Black" Offset="0"/>
    					<GradientStop Color="Transparent" Offset="1"/>
    				</LinearGradientBrush>
    			</Path.OpacityMask>
    		</Path>
    		<Path x:Name="btnCraterCounting_Copy8" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="0,286,224.636,0" Opacity="0.08" IsHitTestVisible="False" HorizontalAlignment="Right" Width="167.5" Height="184" VerticalAlignment="Top">
    			<Path.OpacityMask>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="Black" Offset="0"/>
    					<GradientStop Color="Transparent" Offset="0.991"/>
    				</LinearGradientBrush>
    			</Path.OpacityMask>
    		</Path>
    		<Path x:Name="btnCraterCounting_Copy9" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="371.864,286,0,0" Opacity="0.12" IsHitTestVisible="False" HorizontalAlignment="Left" Width="167.5" Height="184" VerticalAlignment="Top">
    			<Path.OpacityMask>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="Black" Offset="0"/>
    					<GradientStop Color="Transparent" Offset="1"/>
    				</LinearGradientBrush>
    			</Path.OpacityMask>
    		</Path>
    		<Path x:Name="btnCraterCounting_Copy10" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="197.864,286,0,0" Opacity="0.08" IsHitTestVisible="False" HorizontalAlignment="Left" Width="167.5" Height="184" VerticalAlignment="Top">
    			<Path.OpacityMask>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="Black" Offset="0"/>
    					<GradientStop Color="Transparent" Offset="1"/>
    				</LinearGradientBrush>
    			</Path.OpacityMask>
    		</Path>
    		<Path x:Name="btnCraterCounting_Copy11" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="0,143,309.636,0" Opacity="0.15" IsHitTestVisible="False" HorizontalAlignment="Right" Width="167.5" Height="184" VerticalAlignment="Top">
    			<Path.OpacityMask>
    				<LinearGradientBrush EndPoint="1,0.5" StartPoint="0.4,0.5">
    					<GradientStop Color="Black" Offset="0"/>
    					<GradientStop Color="Transparent" Offset="1"/>
    				</LinearGradientBrush>
    			</Path.OpacityMask>  	
    		</Path>
    		<Path x:Name="btnCraterCounting_Copy14" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="285.864,143,0,0" Opacity="0.15" IsHitTestVisible="False" HorizontalAlignment="Left" Width="167.5" Height="184" VerticalAlignment="Top">
    			<Path.OpacityMask>
    				<LinearGradientBrush EndPoint="0,0.5" StartPoint="0.5,0.5">
    					<GradientStop Color="Black" Offset="0"/>
    					<GradientStop Color="Transparent" Offset="1"/>
    				</LinearGradientBrush>
    			</Path.OpacityMask>
    		</Path>
    		<Path x:Name="btnCraterCounting_Copy12" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="373.863,0,0,0" Opacity="0.08" IsHitTestVisible="False" HorizontalAlignment="Left" Width="167.5" Height="184" VerticalAlignment="Top"/>
    		<Path x:Name="btnCraterCounting_Copy13" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="548.198,0,398.302,0" Opacity="0.08" IsHitTestVisible="False" Height="184" VerticalAlignment="Top"/>
    		<Path x:Name="btnCraterCounting_Copy" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="0,0,222.292,0" Opacity="0.05" IsHitTestVisible="False" HorizontalAlignment="Right" Width="167.5" Height="184" VerticalAlignment="Top"/>
    		<Path x:Name="btnCraterCounting_Copy1" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="196.181,0,0,0" Opacity="0.05" IsHitTestVisible="False" HorizontalAlignment="Left" Width="167.5" Height="184" VerticalAlignment="Top"/>
    		<Image Margin="0,440,327,423" Source="Assets/Images/beam.png" Stretch="Fill" HorizontalAlignment="Right" Width="172" RenderTransformOrigin="0.5,0.5">
    			<Image.RenderTransform>
    				<CompositeTransform/>
    			</Image.RenderTransform>
    		</Image>
    		<Image x:Name="lightBeams" Margin="257,0,440,0" Source="Assets/Images/lightbeams.png" Stretch="Fill" Opacity="0" RenderTransformOrigin="0.5,0.5" Height="455" VerticalAlignment="Bottom">
    			<Image.RenderTransform>
    				<CompositeTransform ScaleX="1.3" ScaleY="1.3"/>
    			</Image.RenderTransform>
    		</Image>
    		<ListBox Margin="320,464,349,83" Style="{StaticResource PhoneListBox}"
    			ManipulationStarted="ListBox_ManipulationStarted" x:Name="lbMenu" >
    			<ListBox.ItemTemplate>
    				<DataTemplate>
    					<StackPanel Tag="{Binding}" Orientation="Horizontal" Margin="0,0,0,5">
                		<!--<Image VerticalAlignment="Bottom" Width="32" Height="36" Tag="{Binding}" 
                               Margin="0,0,0,5" Loaded="Image_Loaded"/>-->
    						<TextBlock Padding="15,0,0,0" Tag="{Binding}" FontSize="47" Text="{Binding}"/>
    					</StackPanel>
    				</DataTemplate>
    			</ListBox.ItemTemplate>
    		</ListBox>
    		<Path x:Name="btnCraterCounting_Copy2" Fill="{StaticResource ForegroundColorEightBrush}" Stretch="Fill" UseLayoutRounding="False" Data="F1M348.1572,418.6445L298.4492,447.3435L248.7412,418.6445L248.7412,361.2465L298.4492,332.5465L348.1572,361.2465z M298.4492,327.0615L243.9912,358.5035L243.9912,421.3865L298.4492,452.8285L352.9072,421.3865L352.9072,358.5035z" Stroke="White" Margin="460.864,143.5,485.636,0" Opacity="0.1" IsHitTestVisible="False" Height="184" VerticalAlignment="Top"/>
    		<TextBlock x:Name="tbLogin" Margin="0,195,335,0" TextWrapping="Wrap" FontSize="21.333" Height="83" 
    			ManipulationStarted="tbLogin_ManipulationStarted"
    			VerticalAlignment="Top" HorizontalAlignment="Right" Width="115" Foreground="#FFC28F77" FontWeight="Bold" TextAlignment="Center" LineHeight="10.667" Padding="5,20,5,10" Text="join/log in" />
    		<TextBlock x:Name="tbAbout" Margin="314,189,0,0" TextWrapping="Wrap" Text="about" FontSize="21.333" Height="80" 
    			ManipulationStarted="tbAbout_ManipulationStarted"
    			VerticalAlignment="Top" Foreground="#FFC28F77" HorizontalAlignment="Left" Width="120" FontWeight="Bold" Padding="25" />
    		<Image ManipulationStarted="user_ManipulationStarted" x:Name="imgAvatar" HorizontalAlignment="Right" Height="45" Margin="0,211,369,0" VerticalAlignment="Top" Width="45"/>
    		<TextBlock ManipulationStarted="user_ManipulationStarted" Canvas.ZIndex="10000" x:Name="tbUsername" HorizontalAlignment="Left" Height="30" Margin="671,257,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="105" FontSize="12" TextAlignment="Center" Foreground="#FFC28F77"/>
    	</Grid>
    	<Image x:Name="title" Height="36" Margin="45,226,42,0" Grid.Row="1" Source="beam_welcome.png" Stretch="Fill" VerticalAlignment="Top"/>
	</Grid>

</phone:PhoneApplicationPage>
